<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/details.css">
    <link rel="stylesheet" type="text/css" href="css/magnifier.css">
</head>

<body>
    <header>
        <div class="top">
            <div class="container">
                <p class="fl">乐购www.legou.com</p>
                <p class="fr">欢迎光临乐购,请
                    <a href="login.html">登录|</a>
                    <a href="register.html">注册</a>
                </p>
            </div>
        </div>
        <div class="nav container">
            <div class="logo fl">
                <img src="images/webp.webp" id="logo">
            </div>
            <div class="shop fr">
                <input type="text">
                <img src="images/look.png">
                <div class="myshop">我的订单</div>
                <div class="shopping">
                    <img src="images/shopping.png">
                    <span id="goshopping">购物车　3</span>
                </div>

            </div>

        </div>
        <div class="banner"></div>
    </header>














    <main class="container">

        <div class="magnifier fl" id="magnifier1">
            <div class="magnifier-container">
                <div class="images-cover"></div>
                <!--当前图片显示容器-->
                <div class="move-view"></div>
                <!--跟随鼠标移动的盒子-->
            </div>
            <div class="magnifier-assembly">
                <div class="magnifier-btn">
                    <span class="magnifier-btn-left">&lt;</span>
                    <span class="magnifier-btn-right">&gt;</span>
                </div>
                <!--按钮组-->
                <div class="magnifier-line">
                    <ul class="clearfix animation03">
                        <li>
                            <div class="small-img">
                                <img src="images/1 (1).jpg" />
                            </div>
                        </li>
                        <li>
                            <div class="small-img">
                                <img src="images/1 (2).jpg" />
                            </div>
                        </li>
                        <li>
                            <div class="small-img">
                                <img src="images/1 (3).jpg" />
                            </div>
                        </li>
                        <li>
                            <div class="small-img">
                                <img src="images/1 (4).jpg" />
                            </div>
                        </li>
                        <li>
                            <div class="small-img">
                                <img src="images/1 (5).jpg" />
                            </div>
                        </li>
                    </ul>
                </div>
                <!--缩略图-->
            </div>
            <div class="magnifier-view"></div>
            <!--经过放大的图片显示容器-->
        </div>
        <h2>【新品首发】DJI 大疆RoboMaster S1 机甲大师 S1专业
            <br>教育机器人</h2>
        <p>寓教于乐，玩出名堂</p>
        <div class="bg">
            <div class="bg1">
                <p>价格:</p>
                <span>¥3800.00</span>
            </div>
            <div class="bg2">
                <p>促销价:</p>
                <span>¥ 3499.00 - 4200.00</span>
            </div>
            <div class="bg3">
                <p>本店活动:</p>
                <span>满99包邮</span>
                <a class="fr" href="">更多优惠>></a>
            </div>
        </div>
        <div class="freight">
            <p>运费:　　江苏苏州 至 成都　快递: 0.00</p>
        </div>
        <div class="sales">
            <p>月销量
                <span>2871</span>
            </p>|
            <p>累积评价
                <span>10915</span>
            </p>|
            <p>送积分
                <span>300</span>
            </p>
        </div>
        <div class="colores fl cf">
            <span>颜色分类</span>
            <div>
                <p>机甲大师 S1RoboMaster S1套餐一</p>
                <p>机甲大师 S1RoboMaster S1套餐二</p>
                <p>机甲大师 S1RoboMaster S1套餐三</p>
                <p>机甲大师 S1RoboMaster S1单机</p>
                <p>机甲大师全套配件</p>
                <p>机甲大师 S2 预定</p>
            </div>

        </div>
        <div class="amount fl cf">
            <span>数量</span>
            <div>
                <input type="text" placeholder="1">
                <div class="jiantou">
                    <img src="images/jiantoutop.jpg">
                </div>
                <br>
                <div class="jiantou1">
                    <img src="images/jiantoudown.jpg">
                </div>

            </div>
        </div>
        <div class="aging">
            <span>花呗分期</span>
            <div>
                <p>¥1166.33*3期
                    <br> （0手续费）
                </p>
                <p>¥583.16*6期
                    <br> （0手续费）
                </p>
                <p>¥313.44*12期
                    <br> （0手续费）
                </p>
                <a href="login.html" class="shopping1 fl">立即购买</a>
                <a href="shopping.html" class="bycar fl">加入购物车</a>
            </div>
        </div>
        <div class="fuwu fr cf">
            <span>服务承诺:</span>
            <span>正品保证</span>
            <span>急速退款</span>
            <span>赠运费险</span>
            <span>七天无理由退换</span>
            <span>支付方式</span>
        </div>
        
        <div class="product fl">
            <div id="btns1"class="options fl" style="margin:0 5px 0 0;">产品详情</div>
            <div id="btns2"class="options fl" style="margin:0 5px 0 0;background:#feb80f">累计评论 10915</div>
            <div class="options fr" style="margin:0 0 0 0;width:210px;background:#feb80f">猜你喜欢</div>
        </div>
        <div class="product2 fl">
            <img src="images/prodoc01.jpg" style="margin:10px 0 20px 0;">
            <img src="images/prodoc02.jpg">
            <img src="images/prodoc03.jpg">
            
        </div>
        <div class="product1 fl">
            <p class="ms">与描述相符</p>
            <div class="pingfen">
                <span>4.9</span>
                <img src="images/xingxing_03.jpg">
                <img src="images/xingxing_03.jpg">
                <img src="images/xingxing_03.jpg">
                <img src="images/xingxing_03.jpg">
                <img src="images/xingxing_03.jpg">
                <div class="hpl fr">
                    <span>好评率98%</span>
                    <img src="images/hpl_03.jpg">
                </div>
            </div>
            <div class="pinlun">
                <input type="radio" checked="checked">　全选
                <input type="radio">　全选
                <input type="radio">　全选
                <select class="fr">
                    <option>按默认</option>
                    <option>按默认</option>
                    <option>按默认</option>
                </select>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="pinluns">
                <p class="pinluns1">挺不错的，机甲大师对战T-34-85</p>
                <p class="pinluns1 fr" style="margin:80px 0 0 140px;">t***1(匿名)</p>
                <img src="images/luosi_11.jpg" style="margin-left: 45px;">
                <img src="images/luosi_11.jpg">
                <br>
                <span>2019-09-09　　　13:55:30</span>
                <p class="pinluns2">解释：亲，感谢您在DJI 大疆官方旗舰店的购物及评价，能让亲满意是我们最开心的事情
                    <br> ，我们会不断的努力，争取给您更多更好的产品，我们一直也在不断的努力争取给您最好
                    <br> 的购物体验，感谢亲的支持，期待下次亲的光临
                </p>
            </div>
            <div class="fanye">
                <a href="" class="minbtn">上一页</a>
                <a href="" class="numbers">1</a>
                <a href="" class="numbers">2</a>
                <a href="" class="numbers">3</a>
                <a href="" class="numbers">...</a>
                <a href="" class="minbtn">下一页</a>
                <a href="" class="minbtn">末页</a>
            </div>
        </div>
        <div class="uav fl">
            <img src="images/youlike.jpg">
            <p>¥19999.00</p>
        </div>
        <div class="uav fl">
            <img src="images/youlike.jpg">
            <p>¥19999.00</p>
        </div>
        <div class="uav fl">
            <img src="images/youlike.jpg">
            <p>¥19999.00</p>
        </div>
        <div class="uav fl">
                <img src="images/youlike.jpg">
                <p>¥19999.00</p>
            </div>

    </main>














    <footer>
        <div class="sponsor">
            <div class="sponsorbox container">
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spanor1.jpg">
                    <h3>正品保障</h3>
                    <p>正品行货 放心选购</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor2.jpg">
                    <h3>满86包邮</h3>
                    <p>满86元 免运费</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor3.jpg">
                    <h3>售后无忧</h3>
                    <p>7天无理由退货</p>
                </div>
                <div class="sponsors">
                    <img src="images/spansor4.jpg">
                    <h3>准时送达</h3>
                    <p>收货时间由你做主</p>
                </div>
            </div>
            <div class="container">
                <div class="help">
                    <h3>新手入门</h3>
                    <p>购物流程</p>
                    <p>会员制度</p>
                    <p>订单查询</p>
                    <p>服务协议及隐私说明</p>
                    <p>网站地图</p>
                </div>
                <div class="help">
                    <h3>支付方式</h3>
                    <p>货到付款</p>
                    <p>网上支付</p>
                    <p>礼品卡支付 </p>
                    <p>其他支付</p>
                </div>
                <div class="help">
                    <h3>配送服务</h3>
                    <p>配送进度查询</p>
                    <p>商品验货与签收</p>
                </div>
                <div class="help">
                    <h3>相关规则</h3>
                    <p>平台规则</p>
                    <p>退换货政策</p>
                    <p>发票制度</p>
                    <p>帮助中心</p>
                </div>
                <div class="dimension">
                    <h3>App更加优惠</h3>
                    <img src="images/qryhd.png">
                </div>
                <div class="dimension">
                    <h3>加微信查订单</h3>
                    <img src="images/qryhd.png">
                </div>
            </div>
        </div>
        <div class="footrs container">
            <p>
                沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX
            </p>
            <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div class="fimg">
                <img src="images/foot1.jpg">
                <img src="images/foot2.jpg">
                <img src="images/foot3.png">
                <img src="images/foot4.jpg">
                <img src="images/foot5.png">
                <img src="images/foot6.jpg">
            </div>
        </div>
    </footer>
</body>
<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/magnifier(1).js"></script>
<script ></script>
<script src="js/details.js" type="text/javascript">
  
</script>

</html>